<template>
  <div class="container">
    <blank
      :value="showEmpty"
      :title="empty.title"
      :button="empty.button"
      :icon="empty.icon"
    />
  </div>
</template>

<script>
import Blank from '../../components/abnor/blank'
import {
  Row,
  Col,
  Icon,
  Circle,
  Button,
  Cell,
  CellGroup,
  Swipe,
  SwipeItem,
  Card,
  Lazyload
} from 'vant'

export default {
  components: {
    Blank,
    [Row.name]: Row,
    [Col.name]: Col,
    [Icon.name]: Icon,
    [Circle.name]: Circle,
    [Button.name]: Button,
    [Cell.name]: Cell,
    [CellGroup.name]: CellGroup,
    [Swipe.name]: Swipe,
    [SwipeItem.name]: SwipeItem,
    [Card.name]: Card,
    Lazyload
  },

  data () {
    return {
      showEmpty: true,
      empty: {
        title: '暂无提现记录~',
        button: null,
        icon: '/static/icons/blank_cash.png'
      }
    }
  },

  created: function () {},

  computed: {
    totalPrice () {
      return this.goods.reduce(
        (total, item) =>
          total + (this.checkedGoods.indexOf(item.id) !== -1 ? item.price : 0),
        0
      )
    }
  },

  methods: {
    redirect (name, id) {
      this.$router.push({ name: name, params: { id: id } })
    },
    formatPrice (price) {
      return (price / 100).toFixed(2)
    },
    onSubmit () {
      this.$toast('点击结算')
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
.commission-header {
  background: #3a95fe;
}

.trade-countdown {
  background: #fff;
  margin-top: 1px;
  text-align: center;
  padding: 20px;
  /deep/ .van-circle {
    width: 80px !important;
    height: 80px !important;
  }
}
</style>
